﻿
@section Scripts{
    <script type="text/javascript">
        require(['Auth/Change'], function (api) {
            $(function () { api.exec(); });
        });
    </script>
}

<div style="font-size: 14px; text-align: center;">
    Your new password cannot be the same as your UserID or your current password.<br />
    It should be 8 to 20 characters in length and must contain at least 1 letter, 1 number and one of the special characters (_ # $ %).
</div>
<div class="row-fluid">
    <div class="padd ">
        <div class="form quick-post">
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label class=" control-label col-sm-4" style="width: 170px;text-align: left;">Current Password</label>
                    <div class="col-sm-4">
                        <input type="password" class="form-control" data-bind="value: oldpassword" tabindex="1" placeholder="Enter Old password" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label" style="width: 170px; text-align: left; ">New Password</label>
                    <div class="col-sm-4">
                        <input type="password" class="form-control" data-bind="value: confirmpassword, valueUpdate: 'afterkeydown', executeOnEnter: changePassword" tabindex="3" placeholder="Enter confirm password" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label" style="width: 170px; text-align: left; ">Confirm New Password</label>
                    <div class="col-sm-4">
                        <input type="password" class="form-control" data-bind="value: confirmpassword, valueUpdate: 'afterkeydown', executeOnEnter: changePassword" tabindex="3" placeholder="Enter confirm password" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2">
                        <input type="button" class="btn btn-info" value="Change Password" data-bind="click: changePassword" />
                    </div>
                </div>

            </form>




        </div>
    </div>
</div>